<!DOCTYPE HTML>
<html manifest="offline.manifest">
<head>
  <meta charset="utf-8">

  <title>小説家名鑑（jquery mobile version)</title>
  <link rel="stylesheet" href="mobile/jquery.mobile-1.0a4.1.min.css" />
  <script src="mobile/jquery-1.5.2.min.js"></script>
  <script src="mobile/jquery.tmpl.min.js"></script>
  <script src="mobile/jquery.mobile-1.0a4.1.min.js"></script>

  <script src="script.js"></script>

  <style>
    #content ul {
      margin: 10px 12px;
    }
    .center {
        text-align: center;
    }

  </style>
</head>
<body>
  <div data-role="page">
    <div data-role="content">
      <ul data-role="listview" data-inset="true" data-theme="c" data-devidertheme="b">
      </ul>
    </div>

    <script id="navTemplate" type="text/x-jquery-tmpl">
        <li data-role="list-divider">小説家</li> 

        {{each Datas}}
        <li><a href="desc.html?id=${id}">${name}</a></li>
        {{/each}}
    </script>
  </div>
</body>
</html>
